﻿@{
    ViewBag.Title = "Home";
}

<h2>
    <img src="../Content/Image/HottestAlbum.png" style="height: 200px; width: 350px" onclick="HottestAlbum()">
    <img src="../Content/Image/HottestSong.png" style="height: 200px; width: 350px" onclick="HottestSong()"><br />
    <img src="../Content/Image/Below10.png" style="height: 250px; width:auto" onclick="Below10()">
    <!-- Image credit to: http://www.pinterest.com/pin/407364728766464701/ !-->
 </h2>





<script>
    function HottestAlbum() {
        document.getElementById("hottestAlbum").click();
    }
    function HottestSong() {
        document.getElementById("hottestSong").click();
    }
    function HottestArtist() {
        document.getElementById("hottestArtist").click();
    }
    function Below10() {
        document.getElementById("deals").click();
    }

</script>

 <form action="/Products/HottestAlbum" method="post">
        <input type="submit" name="submit" id="hottestAlbum" hidden="hidden" />
 </form>
 <form action="/Products/HottestSong" method="post">
        <input type="submit" name="submit" id="hottestSong" hidden="hidden" />
 </form>
 <form action="/Products/HottestArtist" method="post">
        <input type="submit" name="submit" id="hottestArtist" hidden="hidden" />
 </form>
 <form action="/Products/Below10" method="post">
        <input type="submit" name="submit" id="deals" hidden="hidden" />
 </form>

